<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<%@ page language="java" pageEncoding="UTF-8"%>
<%@ page contentType="text/html;charset=UTF-8"%>
<%@ taglib prefix="s" uri="/struts-tags"%>
<%@ taglib prefix="sec"
	uri="http://www.springframework.org/security/tags"%>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta
	content='width=device-width, initial-scale=0.5, maximum-scale=1, user-scalable=no'
	name='viewport'>
<title>枝江农村供水工程 | 水质检测系统</title>
<link rel="stylesheet" href="../css/bootstrap.min.css" type="text/css" />
<link rel="stylesheet"
	href="../css/waterQuality/bootstraptable/bootstrap-table.css" />
<link rel="stylesheet" href="../css/font-awesome.min.css"
	type="text/css" />
<link href="../css/AdminLTE.css" rel="stylesheet" type="text/css" />
<link href="../css/time/css//bootstrap-datetimepicker.min.css"
	rel="stylesheet" media="screen">
<link rel="stylesheet" href="../css/systemManage/btn.css"
	type="text/css">
<!--  <link rel="stylesheet" href="../css/systemManage/form.css" type="text/css"> -->
<link rel="stylesheet" href="../css/systemManage/common.css"
	type="text/css">
<link rel="stylesheet"
	href="../css/systemManage/validationEngine.jquery.css" type="text/css">
<link rel="stylesheet" href="../css/systemManage/input-select.css"
	type="text/css">
<link rel="stylesheet"
	href="../css/systemManage/jquery.bigautocomplete.css" type="text/css" />
<link rel="stylesheet" href="../css/waterQuality/norm.css"
	type="text/css">
<!-- <link rel="stylesheet" href="../css/waterQuality/requireTable.css"
	type="text/css"> -->
<style>
.fixed-table-toolbar .bars,.fixed-table-toolbar .search,.fixed-table-toolbar .columns
	{
	margin-bottom: 0px;
}

.fixed-table-pagination {
	height: 40px;
}
.tableCell {
text-align: center;
font-weight: normal;
color: #0066ff;
}
.recordListCSS{
font-size: 25px;
height: 50px;
color: #0066ff;
margin-left: 20px;
margin-top: 20px;
}
.input-group-addon {
	background-color: #EBEBE4;
}
/* .pagination-info{position: absolute;}  */
</style>
<script type="text/javascript" src="../js/jquery-2.1.4.min.js"></script>
<script type="text/javascript" src="../js/bootstrap3.2.js"
	charset="UTF-8"></script>
<script type="text/javascript"
	src="../js/waterQuality/bootstraptable/bootstrap-table.js"></script>
<script type="text/javascript" src="../js/bootstrap-table-zh-CN.min.js"></script>
<!-- 时间相关JS -->
<script type="text/javascript"
	src="../css/time/js/bootstrap-datetimepicker.min.js" charset="UTF-8"></script>
<script type="text/javascript"
	src="../css/time/js/bootstrap-datetimepicker.zh-CN.js" charset="UTF-8"></script>
<script type="text/javascript"
	src="../css/time/js/bootstrap-clockpicker.min.js"></script>
<!-- 对话框js -->
<script type="text/javascript" src="../js/waterQuality/date.js"
	charset="UTF-8"></script>
<script type="text/javascript" src="../js/waterQuality/base.js"
	charset="UTF-8"></script>
<!-- 导出扩展 -->
<script type="text/javascript"
	src="../js/plugins/bootstraptable/bootstrap-table-export.js"></script>
<script src="../js/plugins/bootstraptable/tableExport.js"></script>
<!-- 验证js -->
<script type="text/javascript"
	src="../js/systemManage/jquery.validationEngine-zh_CN.js"></script>
<script type="text/javascript"
	src="../js/systemManage/jquery.validationEngine.js"></script>
<script type="text/javascript"
	src="../js/systemManage/jquery.bigautocomplete.js"></script>
<%-- <script type="text/javascript" src="../js/waterQuality/selectNorm.js"
	charset="UTF-8"></script> --%>
<script type="text/javascript" src="../js/waterQuality/recordData.js"
	charset="UTF-8"></script>
<script type="text/javascript" src="../js/jquery-2.1.4.min.js"></script>
<script>
		function printTable() {
		var body=document.getElementById("inquire2");
   		document.body.innerHTML=body.innerHTML
 		window.print();		
		}
	</script>
</head>
<body class="skin-blue">
	<!-- header logo: style can be found in header.less -->
	<header> </header>
	<div class="wrapper row-offcanvas row-offcanvas-left">
		<!-- Right side column. Contains the navbar and content of the page -->
		<aside>
			<section>
				<div class="nav-tabs-custom">
					<!-- <div id="prompt" align="center">水质检测数据报告单</div> -->
					<div id="inquire1" align="center">
						<!-- 时间查询 -->
						<div class="row">
							<div class="col-md-12" style="text-align: left;">
								<table>
									<tr id="">
										<td style="padding-left:20px">选择水厂：</td>
										<td><select style="height:34px; width:240px;"
											id="waterplantId">
										</select>
										</td>
										<td id="type1" style="padding-left:30px">检测时间：</td>
										<%
											java.text.SimpleDateFormat formatter = new java.text.SimpleDateFormat(
													"yyyy-MM-dd HH:mm:ss");
											java.util.Date currentTimeDam = new java.util.Date();//得到当前系统时间
											String str_dateDam = formatter.format(currentTimeDam); //将日期时间格式化
											//out.println(str_date1);
										%>
										<td id="type2" style="padding-top:15px">
											<div class="form-group">
												<div class="input-group date form_date dateChoose"
													id="timeTableCanal" style="width:250px" data-date=""
													data-date-format="yyyy-mm-dd hh:ii:ss"
													data-link-field="timeBegin"
													data-link-format="yyyy-mm-dd hh:ii:ss">
													<input id="dataInTime" class="form-control" size="20"
														type="text" value="2016-01-01 00:00:00" readonly>
													<span class="input-group-addon"> <span
														class="glyphicon glyphicon-remove"></span> </span> <span
														class="input-group-addon"> <span
														class="glyphicon glyphicon-calendar"></span> </span>
												</div>
												<input id="timeBegin" type="hidden"
													value="2016-01-01 00:00:00" />
											</div>
										</td>
										<td id="type2" style="padding-top:15px">
											<div class="form-group">
												<div class="input-group date form_date dateChoose"
													id="timeTableCanal" style="width:200px" data-date=""
													data-date-format="yyyy-mm-dd hh:ii:ss"
													data-link-field="timeEnd"
													data-link-format="yyyy-mm-dd hh:ii:ss">
													<input style="width:170px" id="dataInTime"
														class="form-control" size="20" type="text" id="time"
														value="<%=str_dateDam%>" readonly> <span
														class="input-group-addon"> <span
														class="glyphicon glyphicon-remove"></span> </span> <span
														class="input-group-addon"> <span
														class="glyphicon glyphicon-calendar"></span> </span>
												</div>
												<input type="hidden" id="timeEnd" value="<%=str_dateDam%>" />
											</div>
										</td>
										<td><button id="requireDataBotton"
												class="btn btn-default" style="margin-left:10px;">查询</button>
										</td>
									</tr>
								</table>
							</div>
							<!-- end col-md-12 -->
						</div>						
						<!-- 水质数据检测报告单显示 -->
					
					<div class="table-responsive" id="inquire2" align="center" style="display:none">
					<!-- <a id="recordList" class="recordListCSS"  style="margin-left:20px;cursor: pointer;" " title="生成报告单表格"></a> -->
						<table data-toggle="table" 
							style="white-space: nowrap; text-align:center"
							class="table table-hover table-striped table-bordered table-condensed"
							id="recordListTable" data-cache="false"
							 data-pagination="true"  
							 data-select-item-name="toolbar1"
							data-toolbar="#toolbar" data-page-size="20"
							data-page-list="[10,20,50]" 
							>							
							<thead>							
								<tr id="recordDescription">
									<th  style="white-space:nowrap;"
										data-field="recordNumber" data-align="center" class="tableCell">序号</th>									
									<th style="white-space:nowrap;cursor: pointer;"  
										data-field="recordDescription" data-align="center" class="tableCell" >报告单列表</th>
									<th data-field="urlValue" data-formatter="actionFormatter" ></th>	
								</tr>
							
							</thead>
						</table>				
					</div>
					
					</div>						
		
					
				</div>
			</section>
			<!-- /.content -->
		</aside>
		<!-- /.right-side -->
	</div>
	<!-- ./wrapper -->
	<script type="text/javascript">
		jQuery(document).ready(function() {
			// jq("#test th").hide();	    
			//getSelectOfWaterPlant();			
			getSelectOfWaterPlant("GetQualityRecordData.action");
			jq("#requireDataBotton").click(function() {
				//getDataList();
				getDataList("GetQualityRecordData.action");		
				//showTableData();		
			});			
		});	
	
	</script>
</body>
</html>